<template>
  <div class="screen_container">
    <section>
      <div class="sort">
        <span>综合排序</span>
        <i class="iconfont icon-xiala"></i>
      </div>
      <div class="sales_speed">
        <span>附近最近</span>
        <span>销量最高</span>
      </div>
      <div class="screen right">
        <span>筛选</span>
        <i class="iconfont icon-xiala"></i>
      </div>
    </section>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.screen_container {
  position: relative;
  section {
    padding: 8px;
    font-size: var(--font-size);
    > div {
      display: inline-block;
    }
    .sales_speed {
      span {
        margin-left: 20px;
      }
    }
    i {
      vertical-align: middle;
    }
  }
}
</style>
